<div id="stepBox">
  <nz-steps [nzCurrent]="current" nzSize="small">
    <nz-step nzTitle="上传SHP文件"></nz-step>
    <nz-step nzTitle="上传PDF文件"></nz-step>
    <nz-step nzTitle="上传txt配置文件"></nz-step>
    <nz-step nzTitle="下载shp文件和日志"></nz-step>
  </nz-steps>
</div>
<div id="contentBox">
  <div id="stepOne" *ngIf="current == 0">
    <nz-upload
      nzType="drag"
      [nzMultiple]="true"
      [nzBeforeUpload]="beforeUploadshp"
      [(nzFileList)]="shpFileList"
      [nzAccept]="accept"
    >
      <p class="ant-upload-drag-icon">
        <i nz-icon nzType="inbox"></i>
      </p>
      <p class="ant-upload-text">点击或者拖拽到该区域</p>
      <p class="ant-upload-hint">上传前一期扇区SHP文件(全部文件)</p>
    </nz-upload>
    <button nz-button nzType="primary" (click)="next1()">下一步</button>
  </div>

  <div id="stepOne" *ngIf="current == 1">
    <nz-upload
      nzType="drag"
      [nzMultiple]="true"
      [(nzFileList)]="csvFileList"
      [nzBeforeUpload]="beforeUploadcsv"
      nzAccept=".csv"
    >
      <p class="ant-upload-drag-icon">
        <i nz-icon nzType="inbox"></i>
      </p>
      <p class="ant-upload-text">点击或者拖拽到该区域</p>
      <p class="ant-upload-hint">
        上传当期CSV文件(<span class="markCsv"
          >CONTROLLED.csv、CONTROLLED_RADIO.csv、CONTROLLED_CLASS.csv、CONTROLLED_BORDER_VERTEX.csv</span
        >
        )
      </p>
    </nz-upload>
    <button nz-button nzType="primary" (click)="next2()">下一步</button>
  </div>

  <div id="stepOne" *ngIf="current == 2">
    <nz-upload
      nzType="drag"
      [nzMultiple]="true"
      [(nzFileList)]="txtFileList"
      [nzBeforeUpload]="beforeUploadtxt"
      nzAccept=".txt"
    >
      <p class="ant-upload-drag-icon">
        <i nz-icon nzType="inbox"></i>
      </p>
      <p class="ant-upload-text">点击或者拖拽到该区域</p>
      <p class="ant-upload-hint">上传当期扇区txt文件</p>
    </nz-upload>
    <button nz-button nzType="primary" (click)="next3()">下一步</button>
    <div id="configDownload">
      <a href="/assets/txt/SQ.txt" download="SQ.txt"> txt配置文件模板下载 </a>
    </div>
  </div>

  <div id="stepThree" *ngIf="current == 3">
    <div id="imageBox">
      <img src="/assets/images/zip.jpg" alt="" srcset="" />
      <br />
      <a href="" (click)="download($event)">扇区.zip</a>
    </div>
    <div id="prograssBox" *ngIf="dwonloadPercent > 0">
      <nz-progress [nzPercent]="dwonloadPercent"></nz-progress>
    </div>
    <div id="buttonBox"></div>
  </div>
</div>
